<template>
	<view class="content bg-img bg-mask">
		<view class="head flex flex-direction  align-center ">
			<image src="../../static/head.png" mode="scaleToFill" class="margin-right-xs"></image>
			<text class="t1 margin-top">Preacher-PE</text>
			<text class="t2 margin-top">PE community preaching PEC head mine</text>
			<text class="t2">computing power</text>
		</view>
		<view class="lnk">链接</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {},
};
</script>

<style lang="scss" scoped>
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	width: 100vw;
	height: 100vh;
	background-image: url(../../static/bgImg1.png);

	.lnk {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 280rpx;
		height: 80rpx;
		background: #04bd9e;
		border-radius: 40rpx;
		margin: 0 auto;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #ffffff;
	}
	.head {
		image {
			width: 120rpx;
			height: 114rpx;
		}
		.t1 {
			font-size: 60rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #fefefe;
		}
		.t2 {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #cccccc;
		}
	}
}
</style>
